$(function() {
    // options 选项卡切换
    (function() {

        fnTab($('.webTabNav'), $('.tabCon4'), 'mouseover');

        function fnTab(oNav, aCon, sEvent) {
            var aElem = oNav.children();
            aCon.hide().eq(0).show();
            if (aCon.eq(0).find('tr:last td:first').html() == '网页名称') {
                addWebsClick(0);
                addHtml(0);
            }
            aElem.each(function(index) {

                $(this).on(sEvent, function() {
                    aElem.removeClass('active').addClass('gradient');
                    $(this).removeClass('gradient').addClass('active');
                    aElem.find('a').attr('class', 'triangle_down_gray');
                    $(this).find('a').attr('class', 'triangle_down_red');
                    if (aCon.eq(index).find('tr:last td:first').html() == '网页名称') {
                        addWebsClick(index);
                        addHtml(index);
                    }
                    aCon.hide().eq(index).show();
                });

            });
            function addHtml(index) {
                $.post("webs_ajax.do", {
                    websort : index
                }, function(data) {
                    var cityObj = eval('(' + data + ')');
                    if (cityObj != null && cityObj != undefined) {
                        var webHtml = '';
                        for (var i = 0; i < cityObj.data.length; i++) {
                            webHtml = webHtml + "<tr><td>" + cityObj.data[i].webname + "</td><td>" + cityObj.data[i].website + "</td><td>" + cityObj.data[i].websort + "</td><td>编辑</td><td>删除<input type='hidden' value='" + cityObj.data[i]._id + "'/></td></tr>";
                        }
                        //追加数据
                        aCon.eq(index).append(webHtml);

                        editWebsClick(index);
                    }
                });
            }

            function addWebsClick(index) {//注册添加网址监听事件
                var websortType = ['首页', '新闻', '视频', '游戏', '旅游', '购物'];
                $('.tabCon4:eq(' + index + ') tr:first td:eq(3) input').click(function() {
                    aCon.eq(index).append("<tr><input type='text'/><td><input type='text'/></td><td><input type='text'/></td><td><input type='text' value='" + websortType[index] + " '/></td><td><input type='button' value='保存'/></td><td>删除<input type='hidden' value='0'/></td></tr>");
                    editWebsClick(index);
                    $('.tabCon4:eq(' + index + ') tr:last td:eq(3) input').click(saveButtonClick);
                    $('.tabCon4:eq(' + index + ') tr:last td input').blur(function() {
                        $(this).parent().html($(this).val());
                    });
                    $('.tabCon4:eq(' + index + ') tr:last td input').keypress(function(event) {
                        if (event.keyCode == 13) {
                            $(this).parent().html($(this).val());
                        };
                    });
                });
            }

            function editWebsClick(index) {//注册编辑网址监听事件
                $('.tabCon4:eq(' + index + ') tr:gt(0) td').unbind();
                $('.tabCon4:eq(' + index + ') tr:gt(0) td').dblclick(function() {
                    if ($(this).html() == '编辑') {
                        alert('未做修改');
                    } else if ($(this).html().substr(0, 8) == '删除<input') {
                        if ($(this).parent().find('td:eq(4) input').val() != '0') {
                            if (saveWebs($(this), 'delete')) {
                                $(this).parent().remove();
                            }
                        } else {
                            $(this).parent().remove();
                        }
                        //alert($(this).find('input').val());
                    } else if ($(this).html().substr(0, 6) == "<input") {
                        $(this).html($(this).find('input').val());
                    } else {
                        //$(this).parent().find('td:eq(3)').html('保存');
                        $(this).parent().find('td:eq(3)').html("<input type='button' value='保存'/>");
                        $(this).parent().find('td:eq(3)').children().click(saveButtonClick);
                        $(this).html("<input type='text' value='" + $(this).html() + "'/>");
                        $(this).children().blur(function() {
                            $(this).parent().html($(this).val());
                        });
                        $(this).children().keypress(function(event) {
                            if (event.keyCode == 13) {
                                $(this).parent().html($(this).val());
                            };
                        });
                    }
                });
            }

            function checkText(submit) {
                var textS = submit.parent().parent().find('td');
                if (textS.eq(0).html().substr(0, 6) == "<input") {
                    textS.eq(0).html(textS.eq(0).find('input').val());
                }
                if (textS.eq(1).html().substr(0, 6) == "<input") {
                    textS.eq(1).html(textS.eq(1).find('input').val());
                }
                if (textS.eq(2).html().substr(0, 6) == "<input") {
                    textS.eq(2).html(textS.eq(2).find('input').val());
                }

                if (textS.eq(0).html() == '') {
                    alert('输入的网页名称为空');
                    return false;
                } else if (textS.eq(1).html() == '') {
                    alert('输入的网页地址为空');
                    return false;
                } else if (textS.eq(2).html() == '') {
                    alert('输入的网页类型为空');
                    return false;
                }
                return true;
            }

            //编辑、保存、删除网址
            function saveWebs(webs, editType) {
                var t1 = webs.parent().find('td:eq(0)').html();
                var t2 = webs.parent().find('td:eq(1)').html();
                var t3 = webs.parent().find('td:eq(2)').html();
                var t4 = webs.parent().find('td:eq(4) input').val();
                var isSecces = true;
                $.post("webs_ajax.do", {
                    type : editType,
                    webname : t1,
                    website : t2,
                    websort : t3,
                    webid : t4,
                }, function(data) {
                    if (data != 'true') {
                        if (editType == 'add') {
                            if (data != '0') {
                                webs.parent().find('td:eq(4) input').val(data);
                            } else {
                                art.dialog.alert('发生未知错误，请重新提交').time(2);
                                isSecces = false;
                            }
                        } else {
                            art.dialog.alert('发生未知错误，请重新提交').time(2);
                            isSecces = false;
                        }
                    }
                });
                return isSecces;
            }

            //保存按钮监听事件
            function saveButtonClick() {
                if (checkText($(this))) {
                    if ($(this).parent().parent().find('td:eq(4) input').val() == '0') {
                        if (saveWebs($(this).parent(), 'add')) {
                            alert('添加成功');
                            $(this).parent().html('编辑');
                        }
                    } else {
                        if (saveWebs($(this).parent(), 'edit')) {
                            alert('修改成功');
                            $(this).parent().html('编辑');
                        }
                    }
                }
            }

        }

    })();
});
